<?php
include("include/cfg_login.php");
include("include/functions.php");
?>

<html>
	<head>
		<link href="css/style.css" rel="stylesheet">
		<link href="../css/start/jquery-ui-1.10.4.custom.css" rel="stylesheet">
	</head>
	<body>
		<div id="adminMenu">
			<?php include("include/menu.php"); ?>
		</div>
		<div id="content">
			<div id="contentWrap">
				<h2> Cutremur de 5.5 grade in Zona seismica Vrancea,Vrancea la 06.10.2013, 01:37:21 (UTC)</h2>
				<div id="legenda">
				<b>Legenda:</b><br />
				<? for($i=1;$i<13;$i++):?>
				<div class="legendaCulori color<? echo $i; ?>"><? echo $i; ?></div>
				<? endfor; ?>
				<div style="clear:both"></div>
				</div>
				<div id="map"></div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=visualization"></script> 
	<script src="../js/jquery-1.10.2.js"></script>
	<script src="../js/jquery-ui-1.10.4.custom.js"></script>
	<script>
		var map;
		var feedback = {};
		var map, pointarray, heatmap;
		
		
		var taxiData = [
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.3122222,23.7291667),
			new google.maps.LatLng(46.9122222,23.8291667)
		]
		
		function initialize() {
			   var mapOptions = {
				zoom: 7,
				center: new google.maps.LatLng(46.00, 25.00)
			};

			  map = new google.maps.Map(document.getElementById('map'),
				  mapOptions);

			  var pointArray = new google.maps.MVCArray(taxiData);
				  
			var gradient = [
				'rgba(42, 226, 18, 0)',
				'rgba(17, 227, 71, 1)',
				'rgba(17, 229, 149, 1)',
				'rgba(17, 230, 229, 1)',
				'rgba(17, 154, 232, 1)',
				'rgba(17, 75, 234, 1)',
				'rgba(38, 16, 235, 1)',
				'rgba(119, 16, 234, 1)',
				'rgba(202, 16, 159, 1)',
				'rgba(204, 16, 194, 1)',
				'rgba(242, 16, 112, 1)',
				'rgba(244, 15, 28, 1)'
			]	  
				  
			  heatmap = new google.maps.visualization.HeatmapLayer({
				data: pointArray,
				'gradient':gradient,
				radius:60,
				opacity:0.8
				
			  });
			 
			  heatmap.setMap(map);
			
		}

		google.maps.event.addDomListener(window, 'load', initialize);
	
	
	</script>
</html>